<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title data-ind="3">Sino Biopharm</title>
	<script type="text/javascript" src="js/location.js"></script>
	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/products.css">
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
</head>
<body>

	<!-- PHOTOS 相框 -->
	<div class="PhotosFrame" id="PhotosFrame">
		<div id="ExitPhotosFrame"></div>
		<div class="nextFrame"></div>
		<div class="prevFrame"></div>
		<div class="imgCon">
			<div class="imc">
				<span>
					<img src="images/news/img_05.jpg">
				</span>
			</div>
			
		</div>
	</div>
	<!-- PHOTOS 相框 end -->


	<!-- goTop -->
	<section id="goTop">
		<a href="javascript:void(0);" class="icon"><i class="iconfont">&#xe645;</i></a>
		<p>TOP</p>
	</section>
	<!-- goTop end-->
	

	<!-- header -->
	<header id="header">
		
	</header>
	<!-- header end -->

	<!-- FoxPro Banner-->
	<section class="FoxProBanner">
		<div class="centerCon">
			<div class="head">products</div>
			<div class="line"><span></span></div>
			<div class="lujin"><a href="javascript:void(0);">home</a> > <a href="javascript:void(0);">products</a></div>
		</div>
	</section>
	<!-- FoxPro Banner end-->



	<!-- FEATURED PRODUCTS -->
	<section class="featured">
		<h2 class="headerin" style="padding-top: 60px"><span style="">FEATURED </span>PRODUCTS</h2>
		<div class="line"></div>
		<div class="swiper-container" id="featuredSweiper">
			<div class="swiper-wrapper" id="featuredCon">
				<!-- <div class="swiper-slide">
					<div class="centerCon" >
						<div class="head">Hepatitis</div>
						<div class="shopList">
							<a href="#"><img src="images/news/img_16.jpg" alt=""></a>
							<a href="#"><img src="images/news/img_16.jpg" alt=""></a>
							<a href="#"><img src="images/news/img_16.jpg" alt=""></a>
						</div>
						<div class="imgC"><img src="images/news/img_15.jpg" alt=""></div>
					</div>
				</div> -->

				

				
				
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div> -->
			<!-- <div class="swiper-button-next"></div> -->

			<!-- 如果需要滚动条 -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
		
	</section>
	<!-- FEATURED PRODUCTS -->


	<!-- search our products -->
	<section class="products">
		<div class="centerCon">
			<h2 class="headerin" style="padding-top: 60px"><span style="">search </span>our products</h2>
			<div class="productsCn">
				<nav class="productsNav clearfloat" id="productsNav">
					<!-- 样式选择 -->
					<div class="qieStyle clearfloat" id="qieStyle">
						<span class="block active"><i class="iconfont">&#xe676;</i></span>
						<span class="list"><i class="iconfont">&#xe633;</i></span>
					</div>
					<!-- 样式选择 end -->
					<!-- 下拉列表 -->
					<div class="BomList clearfloat" id="BomList">
						<div class="Lone">
							<div class="thisInd">
								<input id="Indtitle" type="text" name="" value="focus area">
								<div class="iconC"><i class="iconfont">&#xe634;</i></div>
							</div>
							<ul class="listKu" id="listKutitle">
								<!-- <li>focus area</li> -->
							</ul>
						</div>
						<div class="Ltwo">
							<div class="thisInd">
								<input id="Indkeywords" type="text" name="" value="focus area">
								<div class="iconC"><i class="iconfont">&#xe634;</i></div>
							</div>
							<ul class="listKu" id="listKuseo_keywords">
								<!-- <li>focus area</li>-->
							</ul>
						</div>
					</div>
					<!-- 下拉列表 end -->

					<!-- 搜索  Search -->
					<div action="" class="Search">
						<input type="text" name="" style="display: none;">
						<div class="iconC"><!-- <i class="iconfont">&#xe601;</i> --> Show All</div>
					</div>
					<!-- 搜索  Search end -->
				</nav>


				<ul class="styleOne clearfloat" id="productsList">
				
					<!-- <li class="clearfloat">
						<a href="#">
							<div class="imgC"><img src="images/news/img_17.jpg"></div>
							<div class="rig">
								<div class="title">Aonrectal</div>
								<div class="author">product, subsidiary</div>
								<p>sliding photos or logos of some major blockbuster products with name of product, subsidiary company makingwith name of product, subsidiary company makingwith name of product, subsidiary company makingsliding photos or logos of some major blockbuster productswith name of product, subsidiary company making</p>
							</div>
						</a>
					</li> -->
					

					
				</ul>
			</div>
		</div>
	</section>
	<!-- search our products end -->



	<!-- BEST SELLERS -->
	<section class="sellres">
		<div class="centerCon">
			<h2 class="headerin" style="padding-top: 60px"><span style="">BEST </span>sellers</h2>
			<div class="SweiperBom">
				<div class="swiper-container" id="SweiperBom">
					<div class="swiper-wrapper" id="SweiperBomCn">

						<!-- <div class="swiper-slide">
							<div class="slideNei">
								<a href="#">
									<div class="imgC"><img src="images/news/img_18.jpg"></div>
									<div class="word">
										<h4>product</h4>
									</div>
								</a>
							</div>
						</div> -->

					</div>

					

				</div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
	</section>
	<!-- BEST SELLERS end -->


<div id="FooterCon"></div>


	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="header/header.js"></script>
	<script type="text/javascript" src="js/product.js"></script>

	<script type="text/javascript">
		$(function () {

			// $('body').click(function() {
			// 	$('#BomList').find('.Lone').removeClass('active');			
			// 	$('#BomList').find('.Ltwo').removeClass('active');			
			// })


			$(document).click(function(e){ 
				 e = window.event || e; // 兼容IE7
				 obj = $(e.srcElement || e.target);
				    if ($(obj).is("#Indtitle") || $(obj).is("#Indkeywords")) { 
				     // console.log('内部区域'); 
				     if ($(obj).is("#Indtitle")) {
				     	$('#BomList').find('.Ltwo').removeClass('active');
				     }else if ($(obj).is("#Indkeywords")) {
				     	$('#BomList').find('.Lone').removeClass('active');	
				     }

				   } else {

				    // console.log('你的点击不在目标区域');
				    	$('#BomList').find('.Lone').removeClass('active');			
			         	$('#BomList').find('.Ltwo').removeClass('active');		

				 } 
			});
			
		})
	</script>
</body>
</html>